import theme from "@/styles/theme";
import { StyleSheet } from "react-native";

export default StyleSheet.create({
  container: {
    flex: 1
  },
  item: {
    marginTop: 10,
    marginBottom: 10,
    gap: 10,
    flexDirection: "row"
  },
  card: {
    flex: 1,
    flexDirection: "row",
    gap: 20
  },
  label: {
    justifyContent: "center",
    alignItems: "center"
  },
  info: {
    padding: 6,
    flex: 1
  },
  indexContainer: {
    borderRadius: 15,
    width: 30,
    height: 30,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: theme.primary,
    marginBottom: 10
  },
  index: {
    fontSize: 18,
    color: "white"
  },
  curTip: {
    position: "absolute",
    right: 10,
    top: 0,
    color: "white",
    backgroundColor: theme.primary,
    padding: 4,
    borderTopRightRadius: 4
  },
  line: {
    flexDirection: "row",
    alignItems: "center",
    flexWrap: "wrap",
    gap: 10
  },
  text: {
    fontWeight: "bold",
    marginBottom: 4
  },
  link: {
    color: "blue"
  },
  red: {
    color: theme.danger
  },
  green: {
    color: theme.success
  },
  linkMaterialTip: {
    fontWeight: "bold"
  }
});
